<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Wireframe</title>
		<link rel="stylesheet" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css">
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.css" type="text/css">
		<script type="text/javascript" language="javascript" src="./jquery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" language="javascript" src="./bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$("[rel='popover']").popover( { animation: true, placement: 'bottom', trigger: 'manual' } );
				$("#login").click(function() {
					$('#login').popover('toggle');
				});
				
				$(".recover-password-btn").live("click", function(){ window.location.href = "./recoverpassword.html" });
			});
		</script>
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container" style="width: auto;">
					<div class="container">
						<ul class="nav pull-left">
							<li class="active">
								<a href="./index.html">Home</a>
							</li>
						</ul>
						<ul class="nav pull-right">
							<li>
								<a href="#" id="login" rel="popover" data-content="<form name='input' action='./bills.html' method='post'><label for='username'>Login: </label><input type='text' name='username' /><label for='password'>Password: </label><input type='password' name='password' /><input type='submit' value='Login' /><input type='button' class='recover-password-btn' value='Recover Password'></form>">
									<i class="icon-user icon-white"></i>
									Login
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="span12 ui-corner-all">
					<div class="row">
						<div class="span3">
							<div class="well" style="text-align: center;">
								Home
							</div>
							<ul class="nav nav-tabs nav-stacked">
								<li>
									<a href="./signup.html">User Signup</a>
								</li>
							</ul>
						</div>
						<div class="span9 ui-corner-all">
							<div class="well">
							<h1>Billing Service Home</h1>
							<br/>
								 This billing service is a single stop for customers to setup, monitor, and pay their bills online.  Using our billing service, you will be able to browse through different vendors, of which you can link to, in order to view your bills from these vendors.  You will also be able to view your billing history, current bills, and future bills.
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>